<template>
  <router-link
    tag="div"
    class="card rounded-lg"
    :class="card(i)"
    :to="{name:'比赛详情', params: {ID: v.ID}}"
  >
    <el-image :src="v.banner" class="card-img-top"></el-image>
    <div class="card-body">
      <el-container class="card-title">
        <el-main class="card-title-main" style="padding:0">{{v.name}}</el-main>
        <el-aside width="64px" class="btn btn-sm" :class="time(v).color" v-text="time(v).text"></el-aside>
      </el-container>
      <div class="text-center" :class="time2(v.signupstarttime, v.signupendtime)">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-yonghu" />
        </svg>
        {{ getdata(v.signupstarttime) }} - {{getdata(v.signupendtime)}}
      </div>
      <div class="text-center" :class="time2(v.activitystarttime, v.activityendtime)">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-qizhi" />
        </svg>
        {{ getdata(v.activitystarttime) }} - {{getdata(v.activityendtime)}}
      </div>
    </div>
  </router-link>
</template>